/* some of the HTML5 tags that should display as blocks by default */
article,
aside,
audio,
canvas,
datagrid,
datalist,
details,
dialog,
figure,
footer,
header,
menu,
nav,
section,
video {
	display: block;
}
/* some of the HTML5 tags that should display as inline text by default */
abbr,
eventsource,
mark,
meter,
time,
progress,
output,
bb {
	display:inline;
}


/*input, button, textarea, select{
	color:white;
}*/
/*
input, button, textarea, select{
	-moz-border-radius: .3em;
}

input[disabled], button[disabled], textarea[disabled], select[disabled]{
	color:GrayText;
}

	input:focus,
	textarea:focus,
	select:focus,
	button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
		border-color: ButtonHighlight;
		outline-color: ButtonHighlight;
	}

	button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active{
		background: ThreeDHighlight;
		border-color: ThreeDShadow;
		outline-color: ThreeDShadow;
	}

	button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
		border-top-color: Highlight;
		border-bottom-color: Highlight;
	}*/


label, caption, th{
	font:caption;
	color: CaptionText;
}


table{
	border: thin solid InfoBackground;
}
	table caption{
		font-weight: bold;
		border: thin solid InfoBackground;
		border-bottom: none;
	}

th, td{
	text-align: center;
	border: thin solid InfoBackground;
	empty-cells: hide;
}

th /*table thead, table tfoot*/{
	color: InfoText;
	background: InfoBackground;
	font-weight: bold;
	padding-right: 0.4em;
	padding-left: 0.4em;
}


body{
	background: Window/*Background*/;
	color: WindowText;
	padding: 10px;
	margin: 0;
}

	body header{
		display: table;
	}

		body header hgroup{
			display: table-cell;

			padding-right: 2em;

			text-shadow: Highlight 0px 0px 1em;
		}

		body header nav{
			display: table-cell;
			vertical-align: middle;
		}

			/*body header nav ul{
				list-style: none inside none;
			}*/

				/*body header nav ul li{
					background: yellow;
				}*/


nav{
	font: menu;
/*	background: Menu;
	color: MenuText;*/
}
		nav ul li{
			background: Menu;
		}
			nav ul li a{
				color: MenuText;
			}

		nav ul li:hover, nav ul li:active, nav ul li:focus{
			background: Highlight;
		}
			nav ul li:hover a, nav ul li:active a, nav ul li:focus a{
				color: HighlightText;
			}

	nav[role="navigation"] ul{
		list-style: none inside none;
	}
		nav[role="navigation"] ul li{
			display: inline-block;
			padding: 0;
			margin-left: 0.5em;

			border: thin solid Highlight;

			border-radius: 1.5em 1.5em 0.5em 0.5em / 1em 1em 0.5em 0.5em;
			-moz-border-radius: 1.5em 1.5em 0.5em 0.5em / 1em 1em 0.5em 0.5em;
			-o-border-radius: 1.5em 1.5em 0.5em 0.5em / 1em 1em 0.5em 0.5em;
			-webkit-border-radius: 1.5em 1.5em 0.5em 0.5em / 1em 1em 0.5em 0.5em;
			-khtml-border-radius: 1.5em 1.5em 0.5em 0.5em / 1em 1em 0.5em 0.5em;
			-ms-border-radius: 1.5em 1.5em 0.5em 0.5em / 1em 1em 0.5em 0.5em;
		}
		nav[role="navigation"] ul li:first-child{
			margin-left: 0;
		}
			nav[role="navigation"] ul li a{
				display: inline-block;
				padding: 0.2em 1em;
			}


/*select-planet*/
nav form{
	border: thin solid InactiveBorder;
}
	nav form select{
		margin-left: 1em;
		margin-right: 1em;
	}


.message-box/*, p.information span*/{
	font: message-box;
	background: InfoBackground;
	color: InfoText;
}

.information article{
	margin: 0 0 1em 0;
	padding-bottom: 1em;
	border-bottom: 0.1em solid Highlight;
}

.information article div{
	padding-left: 1em;
}

.information article:last-child{
	margin: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.message-box{
	padding: 0.2em;
	margin-bottom: 1em;
	border: 0.1em solid Highlight;
}

.message-box p > span{
	padding-left: 0.5em;
}

.message-box .error{
	padding: 0.5em;
	background: Highlight;
	color: HighlightText;
}

.waiting-list .action{
	display: inline;
}


section.structure article.element{
	border: thin dashed Highlight;
	margin: 1em;
	padding: 0.5em;
	display: inline-block;
		text-align: center;
}
	section.structure article.element table{
		margin: auto;
	}
	section.structure article.element h3
	{
		border-bottom: thin solid Highlight;
		margin-top: 0;
	}
		/*firefox (autre?) le uppercase à pour effet de faire grandir le conteneur de x px que je n'arrive pas à enlever :/ */
		section.structure article.element h3:first-letter{
			text-transform: uppercase;
		}


form.action, p.action, .action > .information{
	margin: 1em;
}

/*.action > .information{
	display: inline-block;
	border: thin solid Highlight;
	font-weight: normal;
	background: ButtonFace;
	color:ButtonText;
}
	.action > .information:hover, .action > .information:active, .action > .information:focus{
		background: ButtonHighlight;
		color:ButtonText;
	}*/

/* information sur les éléments */
.message-box .name, .message-box .level, .message-box .action, .message-box .duration{
	font-weight: bold;
}

.impossible-action span{
	font-weight: normal;
}

.waiting-list p:first-letter, .information p:first-letter,
.available nav ul li:first-letter,
h1.type:first-letter, h2.type:first-letter, th:first-letter{
	text-transform: uppercase;
}

/*.cost tbody tr*/ td.insufficient{
	text-decoration: line-through;
}

/*.cost tbody tr*/ /*th.insufficient{
	font-style: italic;
}*/




.debug{
	margin: 1em;

	box-shadow: Highlight -0.5em 0.5em 0, Highlight 0.5em -0.5em 0;
	-moz-box-shadow: Highlight -0.5em 0.5em 0, Highlight 0.5em -0.5em 0;
	-o-box-shadow: Highlight -0.5em 0.5em 0, Highlight 0.5em -0.5em 0;
	-webkit-box-shadow: Highlight -0.5em 0.5em 0, Highlight 0.5em -0.5em 0;
	-khtml-box-shadow: Highlight -0.5em 0.5em 0, Highlight 0.5em -0.5em 0;
	-ms-box-shadow: Highlight -0.5em 0.5em 0, Highlight 0.5em -0.5em 0;

	border: thin solid Highlight;
	padding: 0;
}
	.debug article{
		border-bottom: thin solid Highlight;
		margin: 0;
		padding: 1em;
	}
		.debug article:last-child{
			border-bottom: none;
		}


/*affiche le texte des exceptions (xDebug)*/
/*.xdebug-var-dump font table{
	color:black;
}*/